<template>
	<div class="searchTop">
		<i style="float: left;margin-left: 0.3rem;margin-right: 0.2rem;"  class="iconfont icon-mjiantou-copy"></i>
		<div class="search">
			<i class="iconfont icon-sousuo search2"></i>
			<input type="text" placeholder="搜索项目名称/旅居路线/景点">
		</div>
		<span class="choose_house">选房</span>
	</div>
</template>

<script>
	export default {
		name:'Header'
	}
</script>

<style scoped lang='less'>
	.searchTop {
		width: 100%;
		height: 1.2rem;
	    line-height: 1.2rem;
	    overflow: hidden;
	    background: #F6F6F6;
		position: relative;
		top: 0;
		left: 0;
	    .search {
	        float: left;
	        width: 66%;
			height: 0.9rem;
	        background: #fff;
	        line-height: 0.9rem;
	        .search2 {
				width: 0.24rem;
				height: 0.24rem;
	            color: #949494;
	           display: inline-block;
	           margin-left: 0.2rem;
	        }
	        input {
	            width: 80%;
	            border: 0;
	            font-size: 0.32rem;
	        }
	        -webkit-border-radius: 0.15rem;
	        border-radius: 0.15rem;
	        margin-top: 0.15rem;
	        
	    }
	    span {
	        float: right;
	        color: #fff;
			width: 14%;
			height: 0.9rem;
	        text-align: center;
	        background: #FE8975;
	        font-size: 0.42rem;
	        line-height: 0.9rem;
	        margin-right: 0.18rem;
	        margin-top: 0.15rem;
	        -webkit-border-radius: 0.15rem;
	        border-radius: 0.15rem;
	        display: inline-block;
	    }
	}
</style>
